前一篇文章中我們提到了window這個名詞，但沒有詳細介紹，我們今天就來揭開window的面紗吧!
首先window代表的是整個瀏覽器的視窗，那對所有瀏覽器來說都是嗎? 沒錯，window在所有的瀏覽器裡都被支持，而我們所設定的全域變數及函數方法，都在這個window老大的底下，是window的子成員，簡單來說，全域變數作為window對象的屬性，而全域函數作為window對象的方法!而提到的DOM也是window屬性的一員。
window.document.getElementById("header");
相較
document.getElementById("header");
兩者一樣意思
從這邊我們了解到window就代表網頁的視窗，我們想要獲得視窗的高度及寬度，尺寸都是以像素px為單位返回，我們可以透過抓取window的屬性來獲得。
以HTML DOM 來表示的話也可以替代成
範例為獲取瀏覽器視窗的高度及寬度。
範例:
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var width = window.innerWidth
var height = window.innerHeight
var x = document.getElementById("demo");
x.innerHTML = "瀏覽器寬度：" + width + "，高度：" + height + "。";
</script>
</body>
</html>
透過window屬性就可以輕鬆地獲得!
而window還有其他的方法，讓我們來看看有哪些。
window方法
那今天的介紹就到這邊了!明天讓我們繼續努力吧。
iThome鐵人賽
看影片追技術